<%@ page pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<html>
    <head>
        <title>还贷情况</title>
        <link rel="stylesheet" href="../css/debt_return.css"/>
        <link rel="stylesheet" type="text/css" href="../css/footer.css">
        <link rel="stylesheet" type="text/css" href="../css/header.css">
        <script language="javascript" src="../javascript/sorttable.js"></script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <div id="logo">                
                </div>
                <div id="menu">
                    <ul>
                        <li class="gogo" id="i0" onmouseover="let('i0')" onmouseout="gogo('i0')"><a href="../login">企业首页</a></li>
                        <li class="gogo" id="i1" onmouseover="let('i1')" onmouseout="gogo('i1')"><a href="../financial/lookup_Financial">企业财务</a></li>
                        <li class="gogo" id="i2" onmouseover="let('i2')" onmouseout="gogo('i2')"><a href="../environment/lookup_Environment">社会环境</a></li>
                        <li class="gogo" id="i3" onmouseover="let('i3')" onmouseout="gogo('i3')"><a href="../upload/lookup_Upload">数据提交</a></li>
                        <li class="gogo" id="i4" onmouseover="let('i4')" onmouseout="gogo('i4')"><a href="../warning/lookup_Warning">警告预警</a></li>
                        <li class="gogo" id="i5" onmouseover="let('i5')" onmouseout="gogo('i5')"><a href="lookup_RepaymentRecord">还贷情况</a></li>
                    </ul>
                </div>
            </div>

            <div id="main">
                <div id="stay">
                    <div style="height:60px;width:100%;background:url(../image/left2.png)">
                    </div>    
                    <div style="height:400px;width:100%;background:url(../image/left3.png);"><br>
                        <span style="font-size:18px;font-weight:700;font-family:Arial, Helvetica, sans-serif;color:green">新闻&nbsp事件</span><br><br>
                    <span class="date"><b>2011-09-22</b></span>
                    <p class="text">花旗杯coin小组顺利通过初选<br>
                        至此，花旗初选谢幕<br>进入复赛的作品都非常不错 <br><br>  <br> </p>

                    <span class="date"><b>2011-12-23</b></span>
                    <p class="text">Fusce tristique, nisl vel gravida <br>
                        venenatis, risus magna eleifend <br>pede, id bibendum mauris <br>metus et erat. Morbi<br> in leo. Quisque sollicitudin <br>sagittis est. </p>
                    </div>
                    <div style="height:250px;width:100%;background:url(../image/leftbottom2.png) no-repeat;">
                    </div>    
                </div>
                <div style="width:700px;float:right;">
                    <div style="width:100%;height:130px;background:url(../image/righthead.png) no-repeat;"></div>   
                    <div style="width:100%;background:url(../image/rights.png)">
                    <div id="detail">
                        <span style="font-size:18px;font-weight:700;font-family:Arial, Helvetica, sans-serif;color:#AE0000"></span><br>
                        <p class="text"><b>
                                贷款总额<s:property value="totalAmount"/>元，已还<s:property value="paidAmount"/>元，
                                占总额<s:property value="paidPercent"/>%，
                                据下次还款日期还有<s:property value="leftDays"/>天，需准备<s:property value="record.amount"/>元
                            </b></p>
                    </div>
                            <!--显示图片处-->
                            <div style="width:98%;height:400px;background:url(<s:property value="file.getPath()" />) no-repeat;">
                            </div>        
                    <div id="return_table">
                        <table width="95%" cellpadding="2px" cellspacing="0px" border="1px solid"text-align="center" bordercolor="#336666"style="font-size:13px;font-family:Arial, Helvetica, sans-serif;color:#408080;" class="sortable">
                            <thead>
                                <tr>
                                    <th width="25%">计划还款时间</th>
                                    <th width="25%">还款数额</th>
                                    <th width="25%">是否已还</th>
                                    <th width="25%">实际还款时间</th>
                                </tr>
                            </thead>
                            <tbody id="record">
                                <!--此处为从数据库取所有的记录，并写入表格中-->
                                <s:iterator value="recordList" var="tempRecord">
                                    <tr>
                                        <td><s:property value="#tempRecord.planDate.toString()"/></td>
                                        <td><s:property value="#tempRecord.amount"/></td>
                                        <td><s:if test="#tempRecord.hasPaid==false">
                                                            否
                                                        </s:if>
                                                        <s:else>
                                                            是
                                                        </s:else>
                                        </td>
                                        <td>
                                            <s:if test="(#tempRecord.realDate)==null"></s:if>
                                            <s:else><s:property value="#tempRecord.realDate.toString()"/></s:else>
                                        </td>
                                    </tr>

                                </s:iterator>
                            </tbody>
                        </table>
                    </div>
                   </div> 
                   <div style="width:100%;height:226px;background:url(../image/right2.png);"></div>         
                 </div>           
            </div>
                <div id="footer">
                    <table id="footer-container" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
                        <tbody>
                            <tr>
                                <td>
                                    <table class="foot-links" border="0" cellpadding="0" cellspacing="0" width="100%">
                                        <tbody>
                                            <tr>
                                                <td><a href="http://www.citigroup.com/" target="_blank">Citigroup.com</a></td>
                                                <td><ul>
                                                        <li><a href="http://www.citi.com.cn/html/cn/about_us/citi_group.html">关于花旗</a></li>
                                                        <li><a href="http://www.citi.com.cn/html/cn/HR/HR.html" target="_blank">加入花旗</a></li>
                                                        <li><a href="https://www.citibank.com.cn/CNGCB/APPS/portal/loadPage.do?path=/info/det/atm_network.htm">分行位置</a></li>
                                                        <li><a href="http://www.citibank.com.cn/chinese/footer/sitemap.htm">网站导航</a></li>
                                                        <li><a href="http://www.citibank.com.cn/chinese/footer/privacy.htm">隐私保护</a></li>
                                                        <li><a href="http://www.citibank.com.cn/chinese/footer/terms.htm">条件与条款</a></li>
                                                    </ul>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                        <tbody>
                                            <tr>
                                                <td class="footer-logo"><img src="../image/logo_footer.gif" alt="Citi" title="Citi"></td>
                                                <td class="foot-gray" align="right">沪ICP备05047918<br>
                                                    Copyright ? 2011 Citigroup Inc.</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
    </body>
</html>
